<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <title>retwitter</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body onclick="hideLanguage()" onload="picChange()">
    <div id="header">
        <div id="hd-wrap">
            <div id="hd-left">
                <a href="index.html" id="logo">
                    <span></span>
                </a>
            </div>
            <div id="hd-right">
                <ul>
                    <li>
                        <a href="javascript:void(0)" id="change-lan" onclick="showLanguage(event)">
                            <small>语言:</small>
                            <span>简体中文</span>
                            <b class="triangle"></b>
                        </a>
                        <div id="drop-menu">
                            <div id="drop-triangle">
                                <span class="caret"></span>
                                <span class="caret-inner"></span>
                            </div>
                            <ul class="language" onclick="changeLan(event)">
                                <li>
                                    <a href="javascript:void(0)">繁體中文</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">日本語</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Bahasa Indonesia</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Bahasa Melayu</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Čeština</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Dansk</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Deutsch</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">English</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">English UK</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Español</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Filipino</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Français</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Italiano</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Magyar</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Nederlands</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Norsk</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Polski</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Português</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Română</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Suomi</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Svenska</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Tiếng Việt</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Türkçe</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Русский</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Українська мова</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">עִבְרִית</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">العربية</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">فارسی</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">हिन्दी</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">বাংলা</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">ภาษาไทย</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">한국어</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="main">
        <div id="bg-image">
            <img src="image/bg1.jpg" id="bg-pic">
        </div>
        <div id="container">
            <div id="cn-lf">
                <div class="cn-welcome">
                    <h1>欢迎使用 Twitter。</h1>
                    <p>联系你的好友和更多精彩。获取你感兴趣的实时更新。并通过每个视角观看事件实时呈现。</p>
                </div>
                <div class="cn-tweet">
                    <div class="tweet-info active">
                        <p class="text">
                            <a href="javascript:void(0)">National moment of silence happening now. #Ferguson #JusticeForMikeBrown</a>
                        </p>
                        <p class="author">
                            <a href="javascript:void(0)">由 @Thursday_Neal 拍摄及发布</a>
                        </p>
                        <a href="javascript:void(0)" class="time">5:24 PM - 14 Aug 2014</a>
                    </div>
                    <div class="tweet-info">
                        <p class="text">
                            <a href="javascript:void(0)">Checking this off my bucket list. (photo by @ScottBorrero) @exumguides
#jacksonjourneys #jacksonhole</a>
                        </p>
                        <p class="author">
                            <a href="javascript:void(0)">由 @RaviVora 拍摄及发布</a>
                        </p>
                        <a href="javascript:void(0)" class="time">6:53 PM - 26 Sep 2014</a>
                    </div>
                    <div class="tweet-info">
                        <p class="text">
                            <a href="javascript:void(0)">#2014 Flashback: Paying tribute to the late + great Lou Reed. @TheGRAMMYs  #NFTO</a>
                        </p>
                        <p class="author">
                            <a href="javascript:void(0)">由 @JaredLeto 拍摄及发布</a>
                        </p>
                        <a href="javascript:void(0)" class="time">12:40 AM - 30 Dec 2014</a>
                    </div>
                    <div class="tweet-info">
                        <p class="text">
                            <a href="javascript:void(0)">What a ride it has been. 166 days in #space, time for me @astro_alex @msuraev to head home.</a>
                        </p>
                        <p class="author">
                            <a href="javascript:void(0)">由 @astro_reid 拍摄及发布</a>
                        </p>
                        <a href="javascript:void(0)" class="time">10:03 PM - 9 Nov 2014</a>
                    </div>
                    <div class="tweet-info">
                        <p class="text">
                            <a href="javascript:void(0)">Sums up this weekend.</a>
                        </p>
                        <p class="author">
                            <a href="javascript:void(0)">由 @sanarao 拍摄及发布</a>
                        </p>
                        <a href="javascript:void(0)" class="time">07:05 PM - 9 Nov 2014</a>
                    </div>
                    <div class="tweet-info">
                        <p class="text">
                            <a href="javascript:void(0)">.@ChicagoBulls outlast @Warriors in a dramatic finish,113-111. D-Rose overcomes TOs, nails game-winning jumper.</a>
                        </p>
                        <p class="author">
                            <a href="javascript:void(0)">由 @NBA 拍摄及发布</a>
                        </p>
                        <a href="javascript:void(0)" class="time">11:13 PM - 27 Jan 2015</a>
                    </div>
                </div>
            </div>
            <div id="cn-rt">
                <div class="cn-login">
                    <form class="login">
                        <div class="username">
                            <input type="text" placeholder="手机、邮件地址或用户名">
                        </div>
                        <div class="password">
                            <input type="password" placeholder="密码">
                            <button>登录</button>
                        </div>
                        <div class="remember">
                            <input type="checkbox" checked="checked
        					">
                            <span class="remember-me">记住我</span>
                            <span class="separator">·</span>
                            <a href="javascript:void(0)" class="forget">
        						忘记密码?
        					</a>
                        </div>
                    </form>
                </div>
                <div class="cn-signin">
                    <h2>新来Twitter? <span>注册</span></h2>
                    <form class="register">
                        <div class="re">
                            <input type="text" placeholder="全名">
                        </div>
                        <div class="re">
                            <input type="text" placeholder="邮件地址">
                        </div>
                        <div class="re">
                            <input type="password" placeholder="密码">
                        </div>
                        <button>注册 Twitter</button>
                    </form>
                </div>
            </div>
        </div>
        <div id="footer">
            <ul>
                <li>
                    <a href="javascript:void(0)">
    				关于
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				帮助		
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				博客
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				状态
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				工作机会
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				条款
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				隐私
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				Cookies
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				广告信息
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				商标
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				广告
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				企业
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				媒体
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				开发者
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				板球
    			</a>
                </li>
                <li>
                    <a href="javascript:void(0)">
    				目录
    			</a>
                </li>
                <li>
                    <span>© 2015 Twitter</span>
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript" src="js/script.js"></script>
</body>

</html>
